<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>报表维护</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 移动设备 viewport -->
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <meta name="author" content="admui.com">
    <!-- 360浏览器默认使用Webkit内核 -->
    <meta name="renderer" content="webkit">
    <!-- 禁止搜索引擎抓取 -->
    <meta name="robots" content="nofollow">
    <!-- 禁止百度SiteAPP转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <!-- Chrome浏览器添加桌面快捷方式（安卓） -->
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Safari浏览器添加到主屏幕（IOS） -->

    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Admui">

    <meta name="msapplication-TileColor" content="#62a8ea">
    <link href="./bootstrap.css" th:href="@{/bootstrap.css}" rel="stylesheet">
    <link href="./css/base/web-icon.css" th:href="@{/css/base/web-icon.css}" rel="stylesheet">
    <link href="./css/base/site.css" th:href="@{/css/base/site.css}" rel="stylesheet">
    <link href="./css/base/base.css" th:href="@{/css/base/base.css}" rel="stylesheet">
    <script src="../public/js/vendor/jquery/jquery.min.js" th:src="@{/js/vendor/jquery/jquery.min.js}"></script>
    <script src="../public/js/vendor/jquery-validation/jquery.validate.min.js"
            th:src="@{/js/vendor/jquery-validation/jquery.validate.min.js}"></script>

    <link rel="stylesheet" href="../public/js/layui/css/layui.css" th:href="@{/js/layui/css/layui.css}">
    <script src="../public/js/layui/layui.all.js" th:src="@{/js/layui/layui.all.js}"></script>
</head>
<body>
<div class="col-12" style="height:80%;vertical-align: bottom">
    <div class="layui-form-item">
        <div class="layui-line">
            <label class="layui-form-label">价格</label>
            <div class="layui-input-inline">
                <input type="text" name="price" lay-verify="required" lay-vertype="tips" minval="0.001" maxval="99999999.999" decimalPlace="3" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-line">
            <label class="layui-form-label">里程</label>
            <div class="layui-input-inline">
                <input type="text" name="minKilo"  lay-verify="required" lay-vertype="tips" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-line">
            <label class="layui-form-label" style="width: 100px">超出里程递增费用</label>
            <div class="layui-input-inline">
                <input type="text" name="increaseCostt"  lay-verify="required" lay-vertype="tips" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-input-inline">
            <input type="button" lay-submit lay-filter="stock-dealerStock-form-submit" value="新增" class="layui-btn layui-btn-default">
        </div>
        <div class="layui-input-inline">
            <input type="button" lay-submit lay-filter="stock-dealerStock-form-submit" value="查询" class="layui-btn  large-icon ">
        </div>
    </div>



    <!--<form  id="carFeeForm" style="position: absolute;bottom: 8%;width: 95%;" action="/doLogin" method="post">
        <div class="form-group form-material">
            &lt;!&ndash;<li class="icon wb-user" aria-hidden="true"></li>&ndash;&gt;
            <div class="checkbox-default">起步价：</div>
            <input class="form-control " type="text"
                   id="price" name="price"
                   placeholder="费用"/>
        </div>
        <div class="form-group form-material">
            <div class="checkbox-default">上线：</div>
            &lt;!&ndash; <li class="icon wb-lock" aria-hidden="true"></li>&ndash;&gt;
            <input class="form-control" type="text" id="minkilo" name="minkilo"  placeholder="上限公里数"/>

        </div>

    </form>-->

    <table id="stock-dealerStockSum-table" lay-filter="stock-dealerStockSum-table"></table>
    <script th:inline="none">

        layui.use('element', function () {
            var element = layui.element;
        })
        layui.use("table", function () {
            var table = layui.table;
            table.render(
                {
                    elem: "carFeeTb",
                    height: 315,
                    url: "/carmgr/getlst",
                    page: true,
                    cols: [[
                        {field: "price", title: "费用", width: 80, sort: true, fixed: 'left'},
                        {field: "minKilo", title: "公里", width: 80, sort: true, fixed: 'left'},
                        {field: "increaseCostt", title: "增速", width: 80, sort: true, fixed: 'left'},
                    ]]
                }
            )
        })

    </script>

</div>
</body>
</html>